1 /*
2 ul.dropdown-menu.dong1044 {
3     display: block;
4     
float: left;
5     position: absolute;
6     left:
0;
7     margin-left: -42px;
8     margin-top: 28px;
9     width: 243px;
10 }
11 div#top_buttons {
12     margin-left: 79px;
13 }
14 .row {
15     margin-left: 64px;
16 }
17 .navbar-
fixed-top {
18     background-color: #343a40!important;
19 }
20 .theme-compact .navbar-brand {
21     font-size: 15px;
22     height: 40px;
23     padding: 12px;
24     color: #fff;
25 }
26
27 */

28 ul.codefly {
29     list-style: none;
30     display: block;
31     position: absolute;
32     margin-top: 56px;
33     margin-left: -36px;
34 }
35 ul.codefly li {
36     display: block;
37     
float: none;
38 }
39
40 .bg-dark {
41     background-color: #343a40!important;
42 }
43 .
fixed-top {
44     position:
fixed;
45     top:
0;
46     right:
0;
47     left:
0;
48     z-index:
1030;
49 }
50 .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
51     color: #fff;
52 }
53 html {
54   position: relative;
55   min-height:
100%;
56 }
57
58 body {
59   overflow-x: hidden;
60 }
61
62 body.sticky-footer {
63   margin-bottom: 56px;
64 }
65
66 body.sticky-footer .content-wrapper {
67   min-height: calc(100vh - 56px - 56px);
68 }
69
70 body.
fixed-nav {
71   padding-top: 56px;
72 }
73
74 .content-wrapper {
75   min-height: calc(100vh - 56px);
76   padding-top: 1rem;
77 }
78
79 .scroll-to-top {
80   position:
fixed;
81   right: 15px;
82   bottom: 3px;
83   display: none;
84   width: 50px;
85   height: 50px;
86   text-align: center;
87   color: white;
88   background: rgba(
52, 58, 64, 0.5);
89   line-height: 45px;
90 }
91
92 .scroll-to-top:focus, .scroll-to-top:hover {
93   color: white;
94 }
95
96 .scroll-to-top:hover {
97   background: #343a40;
98 }
99
100 .scroll-to-top i {
101   font-weight:
800;
102 }
103
104 .smaller {
105   font-size:
0.7rem;
106 }
107
108 .o-hidden {
109   overflow: hidden !important;
110 }
111
112 .z-
0 {
113   z-index:
0;
114 }
115
116 .z-
1 {
117   z-index:
1;
118 }
119
120 #mainNav .navbar-collapse {
121   overflow: auto;
122   max-height: 75vh;
123 }
124
125 #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
126   cursor: pointer;
127 }
128
129 #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
130   
float: right;
131   content:
'\f107';
132   font-family:
'FontAwesome';
133 }
134
135 #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
136   content:
'\f105';
137 }
138
139 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
140 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
141   padding-left:
0;
142 }
143
144 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
145 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
146   display: block;
147   padding:
0.5em 0;
148 }
149
150 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
151 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
152 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
153   text-decoration: none;
154 }
155
156 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
157   padding-left: 1em;
158 }
159
160 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
161   padding-left: 2em;
162 }
163
164 #mainNav .navbar-collapse .sidenav-toggler {
165   display: none;
166 }
167
168 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
169   position: relative;
170   min-width: 45px;
171 }
172
173 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
174   
float: right;
175   width: auto;
176   content:
'\f105';
177   border: none;
178   font-family:
'FontAwesome';
179 }
180
181 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
182   position: absolute;
183   top: 5px;
184   left: 21px;
185   font-size: 10px;
186 }
187
188 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
189   content:
'\f107';
190 }
191
192 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
193   overflow: hidden;
194   max-width: none;
195   text-overflow: ellipsis;
196 }
197
198 @media (min-width: 992px) {
199   #mainNav .navbar-brand {
200     width: 250px;
201   }
202   #mainNav .navbar-collapse {
203     overflow: visible;
204     max-height: none;
205   }
206   #mainNav .navbar-collapse .navbar-sidenav {
207     position: absolute;
208     top:
0;
209     left:
0;
210     -webkit-flex-direction: column;
211     -ms-flex-direction: column;
212     flex-direction: column;
213     margin-top: 56px;
214   }
215   #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
216     width: 250px;
217     padding:
0;
218   }
219   #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
220     padding: 1em;
221   }
222   #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
223   #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
224     padding-left:
0;
225     list-style: none;
226   }
227   #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
228   #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
229     width: 250px;
230   }
231   #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
232   #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
233     padding: 1em;
234   }
235   #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
236     padding-left:
2.75em;
237   }
238   #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
239     padding-left:
3.75em;
240   }
241   #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
242     min-width:
0;
243   }
244   #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
245     width: 24px;
246     text-align: center;
247   }
248   #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
249     max-width: 300px;
250   }
251 }
252
253 #mainNav.
fixed-top .sidenav-toggler {
254   display: none;
255 }
256
257 @media (min-width: 992px) {
258   #mainNav.
fixed-top .navbar-sidenav {
259     height: calc(100vh - 112px);
260   }
261   #mainNav.
fixed-top .sidenav-toggler {
262     position: absolute;
263     top:
0;
264     left:
0;
265     display: flex;
266     -webkit-flex-direction: column;
267     -ms-flex-direction: column;
268     flex-direction: column;
269     margin-top: calc(100vh - 56px);
270   }
271   #mainNav.
fixed-top .sidenav-toggler > .nav-item {
272     width: 250px;
273     padding:
0;
274   }
275   #mainNav.
fixed-top .sidenav-toggler > .nav-item > .nav-link {
276     padding: 1em;
277   }
278 }
279
280 #mainNav.
fixed-top.navbar-dark .sidenav-toggler {
281   background-color: #
212529;
282 }
283
284 #mainNav.
fixed-top.navbar-dark .sidenav-toggler a i {
285   color: #adb5bd;
286 }
287
288 #mainNav.
fixed-top.navbar-light .sidenav-toggler {
289   background-color: #dee2e6;
290 }
291
292 #mainNav.
fixed-top.navbar-light .sidenav-toggler a i {
293   color: rgba(
0, 0, 0, 0.5);
294 }
295
296 body.sidenav-toggled #mainNav.
fixed-top .sidenav-toggler {
297   overflow-x: hidden;
298   width: 55px;
299 }
300
301 body.sidenav-toggled #mainNav.
fixed-top .sidenav-toggler .nav-item,
302 body.sidenav-toggled #mainNav.
fixed-top .sidenav-toggler .nav-link {
303   width: 55px !important;
304 }
305
306 body.sidenav-toggled #mainNav.
fixed-top #sidenavToggler i {
307   -webkit-transform: scaleX(-
1);
308   -moz-transform: scaleX(-
1);
309   -o-transform: scaleX(-
1);
310   transform: scaleX(-
1);
311   filter: FlipH;
312   -ms-filter:
'FlipH';
313 }
314
315 #mainNav.
static-top .sidenav-toggler {
316   display: none;
317 }
318
319 @media (min-width: 992px) {
320   #mainNav.
static-top .sidenav-toggler {
321     display: flex;
322   }
323 }
324
325 body.sidenav-toggled #mainNav.
static-top #sidenavToggler i {
326   -webkit-transform: scaleX(-
1);
327   -moz-transform: scaleX(-
1);
328   -o-transform: scaleX(-
1);
329   transform: scaleX(-
1);
330   filter: FlipH;
331   -ms-filter:
'FlipH';
332 }
333
334 .content-wrapper {
335   overflow-x: hidden;
336   background: white;
337 }
338
339 @media (min-width: 992px) {
340   .content-wrapper {
341     margin-left: 250px;
342   }
343 }
344
345 #sidenavToggler i {
346   font-weight:
800;
347 }
348
349 .navbar-sidenav-tooltip.show {
350   display: none;
351 }
352
353 @media (min-width: 992px) {
354   body.sidenav-toggled .content-wrapper {
355     margin-left: 55px;
356   }
357 }
358
359 body.sidenav-toggled .navbar-sidenav {
360   width: 55px;
361 }
362
363 body.sidenav-toggled .navbar-sidenav .nav-link-text {
364   display: none;
365 }
366
367 body.sidenav-toggled .navbar-sidenav .nav-item,
368 body.sidenav-toggled .navbar-sidenav .nav-link {
369   width: 55px !important;
370 }
371
372 body.sidenav-toggled .navbar-sidenav .nav-item:after,
373 body.sidenav-toggled .navbar-sidenav .nav-link:after {
374   display: none;
375 }
376
377 body.sidenav-toggled .navbar-sidenav .nav-item {
378   white-space: nowrap;
379 }
380
381 body.sidenav-toggled .navbar-sidenav-tooltip.show {
382   display: flex;
383 }
384
385 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
386   color: #
868e96;
387 }
388
389 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
390   color: #
868e96;
391 }
392
393 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
394   color: #adb5bd;
395 }
396
397 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
398 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
399   color: #
868e96;
400 }
401
402 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
403 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
404 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
405   color: #adb5bd;
406 }
407
408 #mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
409   color: #adb5bd;
410 }
411
412 @media (min-width: 992px) {
413   #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
414     background: #343a40;
415   }
416   #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
417     color: white !important;
418     background-color: #
495057;
419   }
420   #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
421     color: white;
422   }
423   #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
424   #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
425     background: #343a40;
426   }
427 }
428
429 #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
430   color: rgba(
0, 0, 0, 0.5);
431 }
432
433 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
434   color: rgba(
0, 0, 0, 0.5);
435 }
436
437 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
438   color: rgba(
0, 0, 0, 0.7);
439 }
440
441 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
442 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
443   color: rgba(
0, 0, 0, 0.5);
444 }
445
446 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
447 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
448 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
449   color: rgba(
0, 0, 0, 0.7);
450 }
451
452 #mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
453   color: rgba(
0, 0, 0, 0.5);
454 }
455
456 @media (min-width: 992px) {
457   #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
458     background: #f8f9fa;
459   }
460   #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
461     color: #
000 !important;
462     background-color: #e9ecef;
463   }
464   #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
465     color: #
000;
466   }
467   #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
468   #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
469     background: #f8f9fa;
470   }
471 }
472
473 .card-body-icon {
474   position: absolute;
475   z-index:
0;
476   top: -25px;
477   right: -25px;
478   font-size: 5rem;
479   -webkit-transform: rotate(15deg);
480   -ms-transform: rotate(15deg);
481   transform: rotate(15deg);
482 }
483
484 @media (min-width: 576px) {
485   .card-columns {
486     column-count:
1;
487   }
488 }
489
490 @media (min-width: 768px) {
491   .card-columns {
492     column-count:
2;
493   }
494 }
495
496 @media (min-width: 1200px) {
497   .card-columns {
498     column-count:
2;
499   }
500 }
501
502 .card-login {
503   max-width: 25rem;
504 }
505
506 .card-register {
507   max-width: 40rem;
508 }
509
510 footer.sticky-footer {
511   position: absolute;
512   right:
0;
513   bottom:
0;
514   width:
100%;
515   height: 56px;
516   background-color: #e9ecef;
517   line-height: 55px;
518 }
519
520 @media (min-width: 992px) {
521   footer.sticky-footer {
522     width: calc(
100% - 250px);
523   }
524 }
525
526 @media (min-width: 992px) {
527   body.sidenav-toggled footer.sticky-footer {
528     width: calc(
100% - 55px);
529   }
530 }
531
532
533 ul.codefly li a:hover{
534     color: #adb5bd;
535 }
536
537 ul.codefly li a{
538      color: #
868e96;
539 }
540 ul.codefly li a img {
541     padding-right: 7px;
542 }
543 a.navbar-brand {
544     text-transform: none;
545     color: #fff;
546 }
547 .header_php {
548     padding-left: 10px;
549     padding-right: 10px;
550 }
551 .page-header_ {
552     display: -webkit-box;
553     display: -ms-flexbox;
554     display: flex;
555     -ms-flex-wrap: wrap;
556     flex-wrap: wrap;
557     padding: .75rem 1rem;
558     margin-bottom: 1rem;
559     list-style: none;
560     background-color: #e9ecef;
561     border-radius: .25rem;
562 }
563 a.dropdown-toggle {
564     display: none;
565 }
566 ul.codefly li {
567     display: block;
568     
float: none;
569     margin-top: 10px;
570     margin-bottom: 10px;
571 }
572 button#NoFilter_ {
573     display: none;
574 }
575 button#NoFilter, button#Filter{
576     display: none;
577 }
578 a.btn.btn-danger.navbar-btn {
579     display: none;
580 }



Hệ thống xếp lịch học tín chỉ cho sinh viên CNTT trên PHP & MySQL 111.066 lượt xem

Gõ tìm kiếm nhanh...